<template>
  <div class="logic-flow-view">
    <IngeniousDesigner ref='designer' v-model="modelData" @on-save="handleSave"/>
  </div>
</template>

<script lang="ts">
import IngeniousDesigner from '../components/ingenious/index.vue'
// 定义组件名称
export default {
    name: 'HomeViews',
}
</script>

<script setup lang="ts">
//@ts-ignore
import { onMounted, ref } from 'vue';
import gathData from '../assets/data.json';
//数据保存
const handleSave = (data:any) => {
  console.log(data)
}

const modelData= ref({});

const init=()=>{
  modelData.value=gathData;
}

onMounted(init)

</script>

<style scoped>
.logic-flow-view {
  height: 100vh;
  position: relative;
}
</style>
